<template>
   <div id="news">
            <div class="biaoti scroll">
                <h3>{{biao}}</h3>
            </div>
            <div class="list scroll">
                <ul>
                    <li v-for="i in n">
                       <Zixun/>
                    </li>
                   
                </ul>
            </div>
        </div>
</template>

<script>
import Zixun from './zixun.vue'
export default {
    name:'News',
    components:{
        Zixun,
    },
    data() {
        return {
            biao:"实时关注资讯",
            n:6,
        }
    },
}
</script>

<style scope>
ul{
    list-style: none;
}
#news{
    margin: 0 auto 100px;
    width: 1000px;
}
#news .biaoti{
    margin:30px auto;
    width: 100%;
    justify-content: center;
    align-content: center;
    

}
#news .biaoti h3{
    font-size: 20px;
    font-weight: 500;
    color: black;
    justify-content: center;
    align-content: center;
}

#news .list ul li{
    margin-top: 50px;
    /* borderButtom: 1px solid black; */
    width: 100%;
    height: 100px;
    font-size: 8px;
}


</style>